<!-- <!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
		body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
		#allmap{width:100%;height:500px;}
		p{margin-left:5px; font-size:14px;}
	</style>
	<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
	<script src="//libs.baidu.com/jquery/1.9.0/jquery.js"></script>
	<title>给多个点添加信息窗口</title>
</head>
<body>
	<div id="allmap"></div>
	<p>点击标注点，可查看由纯文本构成的简单型信息窗口</p>
</body>
</html>
<script type="text/javascript">
	// 百度地图API功能	
	map = new BMap.Map("allmap");
	map.centerAndZoom(new BMap.Point(116.417854,39.921988), 15);
	var data_info = [[116.417854,39.921988,"地址：北京市东城区王府井大街88号乐天银泰百货八层"],
					 [116.406605,39.921585,"地址：北京市东城区东华门大街"],
					 [116.412222,39.912345,"地址：北京市东城区正义路甲5号"]
					];
	var opts = {
				width : 250,     // 信息窗口宽度
				height: 80,     // 信息窗口高度
				title : "信息窗口" , // 信息窗口标题
				enableMessage:true//设置允许信息窗发送短息
			   };
	for(var i=0;i<data_info.length;i++){
		var marker = new BMap.Marker(new BMap.Point(data_info[i][0],data_info[i][1]));  // 创建标注
		var content = data_info[i][2];
		map.addOverlay(marker);               // 将标注添加到地图中
		addClickHandler(content,marker);
	}
	function addClickHandler(content,marker){
		marker.addEventListener("click",function(e){
			openInfo(content,e)}
		);
	}
	function openInfo(content,e){
		var p = e.target;
		var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
		var infoWindow = new BMap.InfoWindow(content,opts);  // 创建信息窗口对象 
		map.openInfoWindow(infoWindow,point); //开启信息窗口
	}
</script>
 -->
 
 
 <!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=7MUx1rG4b9Rfi7Altl8oCocKsZzjhPVB"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/CurveLine/1.5/src/CurveLine.min.js"></script>
    <title>折线上添加方向箭头</title>
</head>
<body>
    <div id="allmap"></div>
	<input type="text" id="districtName" style="width:80px" value="桂林市">
	    <input type="button" onclick="getBoundary()" value="获取轮廓线">
</body>
</html>

<script type="text/javascript">
  // 百度地图API功能
//   var map = new BMap.Map("allmap");    // 创建Map实例
//   map.centerAndZoom(new BMap.Point(116.404, 39.915), 14);  // 初始化地图,设置中心点坐标和地图级别
//   map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
//   var mapStyle ={
//     style : 'midnight',
//   };
//   map.setMapStyle(mapStyle);

//   var sy = new BMap.Symbol(BMap_Symbol_SHAPE_BACKWARD_OPEN_ARROW, {
//     scale: 0.6,//图标缩放大小
//     strokeColor:'#fff',//设置矢量图标的线填充颜色
//     strokeWeight: '2',//设置线宽
//   });
// var icons = new BMap.IconSequence(sy, '10', '30');

// let arr = [{
// 	lon:119.002474,
// 	lat:29.077388
// },{
// 	lon:119.019737,
// 	lat:29.078285
// },{
// 	lon:119.015732,
// 	lat:29.086611
// }]
// // 创建polyline对象
// var pois = [];

// arr.forEach(item => {
// 	console.log(item.lon,item.lat)
// 	pois.push(new BMap.Point(item.lon,item.lat))
// 	var polyline =new BMap.Polyline(pois, {
// 	   enableEditing: false,//是否启用线编辑，默认为false
// 	   enableClicking: true,//是否响应点击事件，默认为true
// 	   icons:[icons],
// 	   strokeWeight:'8',//折线的宽度，以像素为单位
// 	   strokeOpacity: 0.8,//折线的透明度，取值范围0 - 1
// 	   strokeColor:"#18a45b" //折线颜色
// 	});
// 	var startPoint=new BMap.Point(116.432045,39.910683),
// 	    middlePoint=new BMap.Point(116.395645,39.93397),
// 	    endPoint=new BMap.Point(116.416917,39.888588);
// 	var points = [startPoint,middlePoint, endPoint];
	
// 	var curve = new BMapLib.CurveLine(points, {strokeColor:"blue", strokeWeight:3, strokeOpacity:0.5}); //创建弧线对象
// 	map.addOverlay(curve); //添加到地图中
// 	curve.enableEditing(); //开启编辑功能
// 	map.addOverlay(polyline);//增加折线
// })

</script>